// pages/index/index.js
const { $Message } = require('../../dist/base/index');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    longitude: 0,//经度
    latitude: 0,//维度
    scale: 15,//缩放比例
    speed: '',//速度，单位 m/s
    accuracy: '',//位置的精确度
    markers: '',//标记
    // 、、、、、、、、、
    visible1: false,
        actions1: [
            {
                name: '选项1',
            },
            {
                name: '选项2'
            },
            {
                name: '去分享',
                icon: 'share',
                openType: 'share'
            }
        ],
        actions2: [
            {
                name: '删除',
                color: '#ed3f14'
            }
        ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let thas = this;
    // 获取当前位置
    wx.getLocation({
      type: 'wgs84',
      success(res) {
        thas.setData({
          latitude: res.latitude,
          longitude: res.longitude,
          speed: res.speed,
          accuracy: res.accuracy,
          markers: thas.getLingyuanMarkers(res),
        })

      }
    })
  },
  // 设置随机标记点
  getLingyuanMarkers(data) {
    let markersData = [];
    for (let index = 0; index < 8; index++) {
      let x = Math.ceil(Math.random() * 100) / 10000;
      let y = Math.ceil(Math.random() * 100) / 10000;
      markersData.push(
          {
          id: index,
          latitude: x > 0.005 ? data.latitude - x : data.latitude + x,
          longitude: y > 0.005 ? data.longitude - y : data.longitude + y,
          width: 20,
          height: 30,
          // title: "哪里"+index
          // callout:{
          //   content:index+'?'
          // }
        }
      )
    }
    return markersData
  },
  // 点击标记点
  mapMarkerclick(e){
    let data=this.data.markers.filter(item=>{
      return item.id===e.markerId;
    })[0]
   this.handleOpen2();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */

  onShareAppMessage() {
    return {
        title: 'iView Weapp',
        imageUrl: 'https://file.iviewui.com/iview-weapp-logo.png'
    };
},

handleOpen1 () {
    this.setData({
        visible1: true
    });
},

handleCancel1 () {
    this.setData({
        visible1: false
    });
},

handleOpen2 () {
  console.log(888888888)
    this.setData({
        visible2: true
    });
},

handleCancel2 () {
    this.setData({
        visible2: false
    });
},

handleClickItem1 ({ detail }) {
    const index = detail.index + 1;

    $Message({
        content: '点击了选项' + index
    });
},

handleClickItem2 () {
    const action = [...this.data.actions2];
    action[0].loading = true;

    this.setData({
        actions2: action
    });

    setTimeout(() => {
        action[0].loading = false;
        this.setData({
            visible2: false,
            actions2: action
        });
        $Message({
            content: '删除成功！',
            type: 'success'
        });
    }, 2000);
}
})